@media (max-width:1601px){
	.modal-lg-f  .modal-body{max-height: 560px;}
	.ztree-fa .ztree{height: 500px;}
	
	.branch-modal .periodical-modal .modal-body{max-height: 500px;}
	/* .periodical-modal .modal-tree{height: 433px;} */
	#main{max-width: 570px;}
	.resourceclassify-table-body.table-body{height: 400px;}
	.home-right-product.right-product .info-center .col-sm-6 .fast{height: 325px;}
	.home-right-product.right-product .info-center .fast .fast-footer{height: calc(100% - 160px);}
	.home-right-product.right-product .info-center .fast .fast-footer.bottom-fast-footer{height: calc(100% - 110px);}
	.home-right-product.right-product .info-center .fast .fast-footer .table-margin{height: 100%;}
	.home-table-body{height: calc(100% - 50px);}
	.home-right-product.right-product .info-center .col-sm-12{    height: calc(100% - 348px);}
	.guide-true .institution-modal .modal-body{max-height: 500px;}
	.institutional-model .modal-body{max-height: 450px;}
	/* .hover-search .search-width{position: absolute;right: 15px;top: 15px;width: auto;height: 34px;}
	.hover-search .search-width input,
	.hover-search .search-width span{float: right;}
	.hover-search .search-width span{padding: 7px 12px;}
	.hover-search .search-width input{position: absolute;right: 75px;width: 0px;padding: 0px;
		-webkit-transition: width 300ms ease-out; 
		-moz-transition: width 300ms ease-out; 
		-o-transition: width 300ms ease-out; 
		transition: width 300ms ease-out
	}
	.hover-search .search-width:hover{width:350px;}
	.hover-search .search-width:hover input{width: 275px;padding: 6px 12px;} */
	.periodical-modal .modal-body{max-height: 380px;}
	.base-resource-list .table-margin{height: 310px;}
	.res-resource-list .table-margin{height: 350px;}
	body #roleLimitTree #tree-container{height: 500px;}
	.step-modal .modal-body#orderAddInvoice{max-height: 400px;}
	.model-order-table-margin{height: 300px;}
	.modal-tree{height: 350px;}
	.model-order-table .table-margin{height: 300px;}
	.model-order-table-margin{height: 300px;}
	.step-modal .modal-body{max-height: 436px;}
	.guide-true .institution-modal .modal-body{max-height: 400px;}
	.order-details .order-model-tree div.modal-tree{height: 400px;}
	
}
@media (max-width:1450px){
	.search-width{width: 310px;-webkit-transition: width 300ms ease-out; 
		-moz-transition: width 300ms ease-out; 
		-o-transition: width 300ms ease-out; 
		transition: width 300ms ease-out
	}
	.right-product-order .large-model .modal-dialog{
		max-width: 1300px;
	}
	
}
@media (max-width:1320px){
	/* .management-container-fluid .managment-search{width: 100%;display: block;margin-top: 10px;} */
	.has-tree.right-product.management-container-fluid .contain.periodical{height: calc(100% - 217px);top: 150px;}
	.app-task-search{display: block;width: 100%;overflow: hidden;margin-top: 10px;}
	.app-task-search .task-search{width: calc(100% - 310px);}
	.right-product.task-right-product .container-fluid{top: 151px;height: calc(100% - 151px);}
	.journal .app-task-search{width: 100%;}
	.journal-search{width: calc(100% - 310px);}
	/* .right-product.institutional-right-product .public-search{width: 100%;display: block;margin-top: 10px;}
	.right-product.institutional-right-product.right-product-order-contract .public-search{width: auto;}
	.has-tree.right-product.institutional-right-product .contain{    height: calc(100% - 169px);top: 102px;}
	.has-tree.right-product.institutional-right-product .contain.down{height: calc(100% - 220px);top: 153px;} */
	.list-control .datepicker {width: calc(50% - 2px);padding-right: 10px;}
	.order-name-sarch-model{margin-top: 10px;width: 100%;padding-right: 12px;}
	.tab-main .order-name-sarch-model{width: calc(100% - 2px);margin-top: 0px;}
	.input-group .form-control.order-name-sarch{width: 100%;}
	.step-modal .col-sm-4 .col-sm-3{width: 33.33333333%}
	.step-modal .col-sm-4 .col-sm-9{width: 66.666666666%}
	.right-product-order .modal-dialog .form-group label.describe{width: 11%;padding-right: 0px;}
	.right-product-order .modal-dialog .form-group .describe{width: 89%;}
	.right-product-order .modal-dialog .col-sm-8 label.describe{width: 15%;padding-left: 0px;}
	.right-product-order .modal-dialog .col-sm-8 .describe{width: 85%;}
	.step-modal .modal-body{max-height: 350px;}
	.tab-main select.orderType.fixed-select{width: 100% !important;margin-top: 9px;}
	.model-order-table-margin{height: 200px;}
	.order-model-tree div.modal-tree{height: 250px;}
	.step-modal .modal-body#orderAddInvoice {
		max-height: 350px;
	}
	.model-order-table .table-margin{height: 200px}
	.order-details .order-model-tree div.modal-tree{height: 400px;}
	.order-details .modal-lg-f .modal-body{height: 500px;}
	body #roleLimitTree #tree-container{height: 400px;}
	.res-resource-list .table-margin{height: 300px;}
	.base-resource-list .table-margin{height: 260px;}
	.periodical-modal .modal-body{max-height: 350px;}
	.roleby-frame{height: 450px;}
	.modal-lg-roleby .table-body{height: 310px;}
	.tab-main .discontinuous .order-name-sarch-model{width: calc(100% - 194px);margin-top: 0px;}
	.tab-main .discontinuous.classification .order-name-sarch-model{width: calc(100% - 3px);}
}
@media (max-width:1250px) {
	.ztree-fa .modal-lg{max-width: 900px;}
	
}
@media (min-width:768px) {
	/* .modal-dialog {max-width: 600px;/*max-height: 650px;}*/
	.modal-lg{max-width: 650px;width: initial;}
	.modal-dialog.modal-lg-roleby{max-width: 900px;}
	.modal-lg-1100{max-width: 1200px;width: initial;min-width: 1200px;}
	.roleassignment .modal-dialog{max-width: 1200px;width: auto;}
	.modal-dialog.modal-lg-roleby{min-width: 1140px;width: 1140px;}
	.modal-lg-f.modal-dialog {max-width: 600px;}
}
@media (max-width:1230px) {
	.roleassignment .modal-dialog{max-width: 1200px;width: auto;margin: 0px 15px;}
	.roleassignment .modal-dialog .modal-content{margin: 0px 15px;}
	.home-right-product.right-product .info-top .col-sm-3 .fast .pull-right .del span,
	.home-right-product.right-product .info-top .col-sm-3 .fast .pull-right .del p{font-size: 12px;}
	/* .has-tree.right-product .institution-container-fluid .contain{top:100px;height: calc(100% - 167px);} */
	.has-tree.right-product.mr-60 .institution-container-fluid .contain{top:60px;height: calc(100% - 127px);}
	.has-tree.right-product .institution-container-fluid .search-width{margin-top: 0px;}
	.has-tree.right-product .institution-container-fluid .search-width.mr-10{margin-top: 10px;}
	.right-product.public-right-product .container-fluid{top:152px;height: calc(100% - 152px);}
	.right-product.public-right-product .public-search{width: 100%;display: block;margin-top: 10px;}
	.right-product.public-right-product.public-right-product-two .container-fluid{top: 109px;height: calc(100% - 109px);}
	.right-product.public-right-product.periodical.public-right-product-two .container-fluid {top: 209px;height: calc(100% - 209px);}
	.right-product.public-right-product.public-right-product-two.game .container-fluid{top: 158px;height: calc(100% - 158px);} 
	.right-product.public-right-product.public-right-product-two .public-search{width: auto;    display: contents;}
	.right-product.public-right-product.periodical .container-fluid{top: 250px;height: calc(100% - 250px);}
	.modal-dialog.modal-lg-roleby{min-width: initial;width: initial;}
	.modal-open .modal .modal-dialog{padding: 0px 15px;}
	.user-roleby-table{    width: auto;min-width: 395px;}
	.modal-dialog.modal-lg-width-90{max-width: 990px;}
	.modal-dialog.modal-lg-width-90 .ipad-none{display: none;}
	.product-resource-base .my-pagination .pagination li a{ width: 9px;}
	#roleby .my-pagination .pagination li a{ width: 9px;}
	.navbar-nav>li{ padding: 5px 15px;}
	#resourceRelationship .search-width{    width: 100%;margin-top: 10px;}
}
@media  screen and (max-width: 1100px){
	.home-right-product.right-product .info-top .col-sm-3 .fast .pull-right .del span{letter-spacing: 0;}
	.home-right-product.right-product .info-top .col-sm-3 .fast .left{margin-left: 10px;}
	.home-right-product.right-product .info-top .col-sm-3 .fast .pull-right{width: calc(100% - 80px);}
	.home-right-product.right-product .info-top .col-sm-3 .fast .pull-right .del{margin-right: 10px;}
	.navbar-nav>li{ padding: 5px 6px;}
	.home-right-product.right-product .info-center .fast .fast-center .col-sm-3 .entity .an .anspan{font-size: 12px;margin-right: 0px;}
	.home-right-product.right-product .info-center .fast .fast-center .col-sm-3 .entity .an .icon-bg{font-size: 12px;}
	.large-model .modal-dialog{padding: 0px 15px;}
	.guide{left: 438px;}
	.large-model .storage-add-body .table-body{height: 200px;}
	.large-model .storage-add-body.modal-body{overflow: scroll;}
	.nav-tabs > li > a{padding: 5px 10px;}
	.login-border .login-mar .logn-left{width: 500px;}
	.personal-add .modal-lg-f .modal-body ,
	.modal-lg-calc .modal-lg-f .modal-body{max-height: 460px;}
	.header .login-out ul li{padding: 0px 10px 0px 0px;}
	.header .login-out .out-btn{padding: 0px 10px;}
	.header .login-out .login-out-img{margin: 6px 6px;}
	.fontsize{line-height: 14px !important;text-align: left !important;margin-bottom: 5px !important;}
}
@media  screen and (max-width: 1072px){
	.has-tree.right-product .resourceclassify-container-fluid .contain{top:100px;height: calc(100% - 167px);}
}
@media  screen and (max-width: 1020px){
	.header .login-out{right: 70px;}
	.navbar-toggle{display: block;    position: absolute;right: 0px;top: 0px;border: none;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}
	.navbar-toggle {padding: 13px 10px;}
	.header .logo{position: fixed;    top: 0px;left: 0px;}
	.navbar-toggle.active .icon-bar{opacity: 0;transform:rotate(0deg);}
	.navbar-toggle.active .icon-bar:first-child{transform:rotate(45deg);opacity: 1;position: absolute;top: 20px;}
	.navbar-toggle.active .icon-bar:last-child{transform:rotate(-45deg);opacity: 1;position: absolute;bottom: 10px;}
	.has-tree.right-product.management-container-fluid .contain{position: relative;top:0px; width: 100%;height: calc(100% - 123px);}
	.has-tree.right-product.management-container-fluid .contain.periodical,
	.has-tree.right-product .institution-container-fluid .contain{top:0px;height: 100%;}
	.has-tree.right-product.management-container-fluid .contain.periodical, 
	.has-tree.right-product .institution-container-fluid .contain{position: relative;height: calc(100% - 108px);top: 0px;width: 100%;}
	.right-product.template .container-fluid{padding: 15px;}
	.ztree-fa .modal-lg{width: 100%;max-width: 100%;}
	.has-tree .info-center{overflow: hidden;}
	.large-model .modal-body{max-height: 500px;}
	.center-back.right-back{margin-bottom: 10px;}
	.has-tree.right-product.institutional-right-product  .container-fluid-order .contain.down{top:0px;}
	.has-tree.right-product.mr-60 .institution-container-fluid .contain{top:0px; }
}
@media (min-width:768px) and (max-width: 1020px){
	.navbar-default .navbar-toggle{position: absolute;z-index: 12;}
	.header .nav-ul{box-shadow: 0px 0px 1px 0px #fff;overflow: hidden !important; position: absolute;left: auto;top:57px; right: 0px; width: 250px !important; margin: 0; margin-top: 1px;overflow: hidden;height: auto;background-image: linear-gradient( to right, #49778F , #59899F,#49778F); padding: 15px;}
	.header .navbar-collapse.collapse {height: 0vh !important;overflow: hidden !important;position: absolute;width: 100%;z-index: 10;}
	.header .navbar-collapse.collapse.in{height: 100vh !important;background: rgba(0,0,0,0.3);}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{max-height: initial;}
	.navbar-nav>li{width: 100%;margin: 5px 0px;border: 1px solid transparent;}
	.navbar-nav>li.active,
	.navbar-nav>li:active{border: 1px solid rgba(255,255,255,0.3);box-shadow: 0px 0px 0px 0px;border-radius: 0px;}
	
}

@media (min-width:768px) and (max-width: 1020px){
	
	
	.tree-contain .tree-contain-padding{    margin: 0px 10px 10px 10px;}
	.right-product .container-fluid{position: relative;top: 0px !important;left: 0px !important;}
	.home-right-product.right-product .info-top{margin-right: 0px;}
	.home-right-product.right-product .info-center{margin-right: 0px;}
	.home-right-product.right-product .info-center .col-sm-12{padding-right: 0px;margin-bottom: 8px;}
	.home-right-product.right-product .info-top .col-sm-3:last-child{padding-right: 0px;}
	.home-right-product.right-product .info-center .col-sm-6:nth-child(2){padding-right: 0px;}
	.home-right-product.right-product .info-center .fast .fast-center .col-sm-3 .entity{max-height: 113px;}
	.right-product.right-off, .tree-contain.right-off{ left: 0px !important;    margin-bottom: 10px;}
	
}
@media(max-width: 1020px){
	.shadow{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.3);z-index: 6; visibility: hidden;   transition-duration: .3s;transition-timing-function: cubic-bezier(.25,.8,.25,1);transition-property: background-color,visibility;}
	.shadow.open{display: none;}
	.right-product{position: relative;top:74px;left: 0px !important;padding: 0px 10px;}
	.tree-contain{left: 0px !important;width: 100%;top: 70px;position: relative;background: transparent;}
	.tree-contain .tree-contain-padding{margin: 0px 10px 10px 10px;}
	.left-main.left-full{width: calc(100% - 10px);overflow: hidden;padding-bottom: 5px;position: relative;display: none;}
	.left-main.left-full.homeadmin{display: block;}
	.homeadmin .panel{width: 25%;float: left;}
	.shrink-from{display: none;}
	/* .header .nav-ul{
		padding: 0px;
	} */
	.navbar-nav>li{
		border: 1px solid rgba(255,255,255,0.3);
	}
	.navbar-nav>li.active{
		margin-bottom: 0px;
	}
	.header-img-add{
		position: absolute;
		width: 13px;
		right: 12px;
		top:9px;
	}
	.navbar-nav>li.active .fork{
		background: rgba(2,2,2,0.2);
	}
	.navbar-nav>li.active .fork .fork-x{
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		cursor: pointer;
	}
	.navbar-nav>li.active .fork .fork-y{
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		cursor: pointer;
	}
	.fork {
		display: block;
		position: absolute;
		right: 3px;
		top: 4px;
		width: 24px;
		height: 24px;
		border-radius: 100%;
	}
	.fork i {
		width: 2px;
		height: 14px;
		background: rgba(255,255,255,0.7);
		position: absolute;
		left: calc(50% - 1px);
		top: 5px;
	}
	.fork .fork-y {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	.fork .fork-x {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.navbar-nav>li.active + .ipad-header-ul{display: block;
		float: left;
		width: 100%;
		border: 1px solid rgba(255,255,255,0.3);
		border-top: 0px;
		background: #3C5F73;
		padding-left: 30px;
		padding-bottom: 5px;
	}
	.navbar-nav>li.active + .ipad-header-ul li{
		padding: 5px 20px 0px 0px;
		color: rgba(255,255,255,0.6);
		cursor: pointer;
	}
	.navbar-nav>li.active + .ipad-header-ul li.active{
		color: rgba(255,255,255,1);
	}
	.guide{left: 64px;top: 5px;}
	.guide-two {left: calc(50% - 263px);top: 80px;}
	.navbar-nav>li.orcan.active.cut .switchul{width: 100%; position: relative;left: 0px;}
}
@media  screen and (max-width: 767px){
	.login-border .login-mar .logn-left{width: auto;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: initial;}
	.navbar-toggle{border: none;}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height: initial;padding: 0px;margin-top: 1px;border: none;}
	.control-label{text-align: left;}
	.header .nav-ul{padding: 10px 15px; position: initial;background-image: linear-gradient( to right, #49778F , #59899F,#49778F);height: 100vh !important;width: auto;    margin: 0px;}
	.navbar-nav>li .built-in{display: none;}
	.wh12.col-xs-12{width: 100%;}
	.navbar-header{height: 100%;}
	.navbar-toggle{padding: 13px 10px;}
	.login-main .login-main-bg,
	.login-border .login-mar{flex-direction: column;    overflow-y: auto;}
	.login-border{margin: auto 25px;}
	.login{min-width: initial;max-width: 400px;    padding: 10px 15px;}
	.search-width{width: 150px;}
	.navbar-nav>li{background: rgba(25,25,25,0.1);box-shadow: 1px 1px 1px 0px rgba(255,255,255,0.3);padding: 8px 12px;margin: 8px 0px; text-align: center;border: 1px solid transparent;}
	.navbar-nav>li.active,
	.navbar-nav>li:active{border-radius: 0px;background: rgba(0,0,0,0.3);box-shadow: 0px 0px 3px 0px rgba(255,255,255,0.3);border: 1px solid rgba(255,255,255,0.6);}
	.modal-body{padding-top: 5px;}
	.right-product.public-right-product .container-fluid,
	.right-product.storage .container-fluid,
	.right-product.task-right-product .container-fluid{top:0px !important;}
	.right-product.right-off, .tree-contain.right-off{ left: 0px !important;}
	.modal-header .close{font-size: 30px;}.left-main.left-full
	/* .left-main.left-full.left-main.left-full{position: initial;padding: 0px 0px;left: 0px;height: auto;    width: calc(100% - 20px) !important;margin: 67px 10px 0px;} */
	.tree-contain{position: initial;width: 100%;    background: transparent;padding: 0px 5px;}
	.right-product .container-fluid{position: relative;left: 0px;top:0px;}
	.info-center{overflow: initial;}
	.home-right-product.right-product .info-top{margin-right: -8px;}
	.home-right-product.right-product .info-top .col-sm-3{margin-bottom: 8px;}
	.home-right-product.right-product .info-center .col-sm-6 .fast{height: auto;}
	.home-right-product.right-product .info-center{margin-right: -8px;}
	.table-header{overflow-x: scroll;}
	.home-right-product.right-product .info-center .fast .fast-center{padding: 0px 10px 0px 15px;}
	.home-right-product.right-product .info-center .fast .fast-center .col-sm-3{padding-left: 0px;padding-bottom: 5px;padding-right: 5px;}
	.home-right-product.right-product .info-center .fast .fast-footer{padding-bottom: 15px;}
	.my-pagination .my-pagination-left{margin-left: 0px;}
	.my-pagination{margin-right: 0px;}
	.search-width{width: 100%;margin-top: 10px;}
	.sBox{overflow: hidden;}
	body #roleLimitTree #tree-container{height: 400px !important;}
	.modal-lg-f .modal-body,
	#permission .modal-body{max-height: 400px;}
	.modal-lg-f form .modal-footer,
	.institution-modal .modal-content .popup-footer.modal-footer.twomodel-footer{padding: 15px;}
	.delete-modal{width: auto;}
	/* .institution-modal {margin-top: 50px !important;} */
	.right-product .button-group{margin-bottom: 10px;}
	.modal-lg-f .col-sm-6:first-child{padding-left: 0px;}
	.modal-lg-f .overflow-hide .col-sm-12{padding-left: 0px;}
	.modal-dialog.modal-lg-f .form-group label.col-xs-12{text-align: right;}
	.modal-dialog.modal-lg-width-90 .modal-body .col-sm-6:first-child{padding: 0px;}
	.modal-dialog.modal-lg-width-90 .modal-body .col-sm-6:last-child{padding: 0px;}
	/* header */
	.navbar-nav>li.active + .ipad-header-ul{float: none;}
	.navbar-nav>li.active + .ipad-header-ul li{text-align: center;}
	.fork{top: 7px;}
	/* header end */
	
}

@media  screen and (max-width: 600px){
	
}



